<template>
	<view class="no-data" :style="{height:height+'rpx'}">
		<text style="margin-bottom: 60rpx;">{{text}}</text>
		<image src="../../static/img/no-data.png" mode=""></image>
	</view>
</template>

<script>
	export default {
		props: {
			text: {
				type: String,
				default: 'There is no data'
			},
			height: {
				type: String,
				default: '1200'
			}
		},
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	.no-data {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		color: #8E8E93;
	}
</style>